<template>
<div class='left-center-top'>
  <lctTop ref="lctTop"></lctTop>
	<lctCenter ref="lctCenter"></lctCenter>
	<lctBottom ref="lctBottom"></lctBottom>
</div>
</template>

<script>
import lctTop from './leftCenterTop/lctTop'
import lctCenter from './leftCenterTop/lctCenter'
import lctBottom from './leftCenterTop/lctBottom'
export default {
components: { lctTop, lctCenter,lctBottom },
data() {
return {

};
},
created() {},
mounted() {},
computed: {},
watch: {},
methods: {
	init() {
		let tl = new TimelineMax({})
		tl.addLabel('start')
			.add(this.$refs.lctTop.init(), 'start+=0')
			.add(this.$refs.lctCenter.init(), 'start+=1')
			.add(this.$refs.lctBottom.init(), 'start+=2.5')
		return tl
	}
},
}
</script>
<style lang='scss' scoped>

</style>